
        <!DOCTYPE html>
        <html lang="zh-CN">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>瀚越包装方案匹配工具 - 测试报告</title>
            <style>
                body {
                    font-family: 'Microsoft YaHei', Arial, sans-serif;
                    line-height: 1.6;
                    color: #333;
                    max-width: 1200px;
                    margin: 0 auto;
                    padding: 20px;
                    background-color: #f5f5f5;
                }
                h1, h2, h3 {
                    color: #2c3e50;
                }
                .report-header {
                    background-color: #3498db;
                    color: white;
                    padding: 20px;
                    border-radius: 8px;
                    margin-bottom: 30px;
                }
                .section {
                    background-color: white;
                    padding: 25px;
                    margin-bottom: 20px;
                    border-radius: 8px;
                    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                }
                .stats-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                    gap: 20px;
                    margin: 20px 0;
                }
                .stat-card {
                    background-color: #ecf0f1;
                    padding: 15px;
                    border-radius: 6px;
                    text-align: center;
                }
                .stat-value {
                    font-size: 24px;
                    font-weight: bold;
                    color: #3498db;
                }
                .image-container {
                    margin: 20px 0;
                    text-align: center;
                }
                .image-container img {
                    max-width: 100%;
                    height: auto;
                    border-radius: 8px;
                    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
                }
                .image-caption {
                    margin-top: 10px;
                    font-style: italic;
                    color: #666;
                }
                table {
                    width: 100%;
                    border-collapse: collapse;
                    margin: 20px 0;
                }
                th, td {
                    padding: 12px;
                    text-align: left;
                    border-bottom: 1px solid #ddd;
                }
                th {
                    background-color: #f8f9fa;
                    font-weight: bold;
                }
                tr:hover {
                    background-color: #f5f5f5;
                }
            </style>
        </head>
        <body>
            <div class="report-header">
                <h1>瀚越包装方案匹配工具 - 测试报告</h1>
                <p>生成时间: 2025-10-08 10:32:32</p>
            </div>
            
            <div class="section">
                <h2>1. 数据概览</h2>
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value">40</div>
                        <div>任务数据总行数</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value">5</div>
                        <div>客户数量</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value">32</div>
                        <div>产品规格数量</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value">2867</div>
                        <div>历史数据总行数</div>
                    </div>
                </div>
            </div>
            
            <div class="section">
                <h2>2. 数据处理流程</h2>
                
                <h3>2.1 前处理阶段</h3>
                <p>完成了文件选取、数据导入、数据格式化和数据统计等操作。</p>
                <div class="image-container">
                    <img src="visualizations/数据统计可视化.png" alt="数据统计可视化">
                    <div class="image-caption">数据统计可视化</div>
                </div>
                
                <h3>2.2 数据预处理阶段</h3>
                <p>完成了历史包装类型判定、数据合并、建立产品包装方案库和产品归类等操作。</p>
                <div class="image-container">
                    <img src="visualizations/包装类型分布.png" alt="包装类型分布">
                    <div class="image-caption">包装类型分布</div>
                </div>
                <div class="image-container">
                    <img src="visualizations/产品归类结果.png" alt="产品归类结果">
                    <div class="image-caption">产品归类结果</div>
                </div>
                
                <h3>2.3 任务分类与数据匹配阶段</h3>
                <p>完成了任务分类处理、数据匹配和数据校验与修正等操作。</p>
                <div class="image-container">
                    <img src="visualizations/任务分类结果.png" alt="任务分类结果">
                    <div class="image-caption">任务分类结果</div>
                </div>
                <div class="image-container">
                    <img src="visualizations/匹配结果分析.png" alt="匹配结果分析">
                    <div class="image-caption">匹配结果分析</div>
                </div>
                
                <h3>2.4 数据后处理阶段</h3>
                <p>完成了数据输出与格式化操作，并生成最终报告。</p>
            </div>
            
            <div class="section">
                <h2>3. 处理结果分析</h2>
                <div class="image-container">
                    <img src="visualizations/最终结果报告.png" alt="最终结果报告">
                    <div class="image-caption">最终结果报告</div>
                </div>
            </div>
            
            <div class="section">
                <h2>4. 总结与建议</h2>
                <p>测试完成，所有数据处理流程正常运行。</p>
                <p>建议：</p>
                <ul>
                    <li>使用真实数据进行进一步测试，验证算法的准确性</li>
                    <li>优化数据匹配算法，提高匹配成功率</li>
                    <li>根据实际业务需求调整产品归类和任务分类的规则</li>
                </ul>
            </div>
        </body>
        </html>
        